<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Vue数据与方法</title>
        <script src="../public/vue2.7.14-dev.js"></script>
    </head>
    <body>
        <div id="example"></div>
        <script>
        var data = { a: 1 }
        var vm = new Vue({
          el: '#example',
          data: data
        })

        vm.$data === data // => true
        vm.$el === document.getElementById('example') // => true
        //注意vm.a 和 vm.$XXX的区别。

        // $watch 是一个实例方法
        vm.$watch('a', function (newValue, oldValue) {
          // 这个回调将在 `vm.a` 改变后调用
        })
    </script>
    </body>
</html>